@import "~@/style/base.less";

.rate {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  > span {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url('~@/assets/images/goods_evaluation_h@2x.png');
    &.active {
      background-image: url('~@/assets/images/goods_evaluation@2x.png');
    }
    & ~ span {
      margin-left: 6px;
    }
  }
  &.small > span {
    width: 28px;
    height: 28px;
  }
}
